<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册页面</title>
  </head>
  <body>
    <h1>青春不常在,抓紧谈恋爱</h1>

    <table width="800" cellpadding="5">
      <tr>
        <td width="20%">性别</td>
        <td>
          <input type="radio" name="gender" value="0" id="male" checked />
          <label for="male"> <img src="../img/male.png" />男 </label>
          <input type="radio" name="gender" value="1" id="female" />
          <label for="female"> <img src="../img/female.png" />女 </label>
        </td>
      </tr>
      <tr>
        <td>生日</td>
        <td>
          <select name="year">
            <option>--请选择年--</option>
          </select>
          <select name="month">
            <option>--请选择月--</option>
          </select>
          <select name="day">
            <option>--请选择日--</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>所在区域</td>
        <td>
          <input type="text" name="area" value="江苏苏州" />
        </td>
      </tr>
      <tr>
        <td>婚姻状况</td>
        <td>
          <input type="radio" name="marry" id="wh" checked /><label for="wh">未婚</label>
          <input type="radio" name="marry" id="yh" /><label for="yh">已婚</label>
          <input type="radio" name="marry" id="lh" /><label for="lh">离婚</label>
        </td>
      </tr>
      <tr>
        <td>学历</td>
        <td>
          <input type="text" name="edu" value="本科" />
        </td>
      </tr>
      <tr>
        <td>喜欢的类型</td>
        <td>
          <input type="checkbox" name="like" value="0" id="wm" /><label for="wm">妩媚的</label>
          <input type="checkbox" name="like" value="1" id="ka" /><label for="ka">可爱的</label>
          <input type="checkbox" name="like" value="2" id="xr" /><label for="xr">小鲜肉</label>
          <input type="checkbox" name="like" value="3" id="lr" /><label for="lr">老腊肉</label>
          <input type="checkbox" name="like" value="4" id="all" /><label for="all">都喜欢</label>
        </td>
      </tr>
      <tr>
        <td>自我介绍</td>
        <td>
          <textarea name="info" cols="30" rows="3">自我介绍</textarea>
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="submit" value="免费注册" />
          <br /><br />
          <input type="checkbox" name="agree" value="0" id="agree" />
          <label for="agree">我同意注册条款和会员加入标准</label>
          <br /><br />
          <a href="#">我是会员, 立即登录</a>
          <br /><br />
          <h2>我承诺</h2>
          <ul>
            <li>年满18岁,单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
          </ul>
        </td>
      </tr>
    </table>
  </body>
</html>
